<!DOCTYPE html>
<html lang="en">
    <head>
            <meta charset="UTF-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>微信，是一个生活方式</title>
            <style>
                *{
                    margin: 0px;
                    border: 0px;
                }
                .a{
                    height: 74px;
                    background:url('images/1.jpg')

                }
                .b{
                    height: 423px;
                    background-color: lightgrey;
                }
                .c{
                    height: 453px;
                    
                }
                .d{
                    height: 50px;
                   
                }
                img.t{
                    width: 138px;
                    height: 48px;
                    margin-top: 12px;
                    margin-right: 100px;
                    margin-left: 40px;
                    float: left;
                }
                li{
                    list-style: none;
                    float: left;
                    margin: 25px 10px 10px;
                    color: white;
                    font-size: 15px;
                   
                }
                .a1{
                    width: 1151px;
                    height: 56px;
                   
                    margin:  auto 
                }  
                .b1{
                    width: 1151px;
                    height: 370px;
                    
                    margin: auto;
                } 
                h2{
                    float: left;
                    margin-top: 40px;
                    font-size: 25px;
                    margin-left: 30px;
                }
                img.y{
                    width: 550px;
                    height: 350px;
                    float: right;
                    margin-left: 90px;
                    margin-right: 100px;
                   
                    margin-top: 40px;
                }
                h3{
                    float: left;
                    margin-top: 10px;
                    font-size: 18px;
                    margin-left: 30px;
                    color: lightslategray;
                }
                h4{
                    float: left;
                    margin-top: 10px;
                    font-size: 18px;
                    margin-left: 30px;
                    color: lightslategray;
                }
                h5{
                    float: left;
                    margin-top: 10px;
                    font-size:18px;
                    margin-left: 30px;
                    color: lightslategray;
                }
                img.j{
                    margin-top: 20px;
                    margin-bottom: 10px;
                    margin-left: 29px;
                }
                li.n{
                    float: left;
                    margin-left: 30px;
                    margin-top: 1px;
                    margin-right: 80px;
                   color: green;
                }
                 .c1{
                    width: 1151px;
                    height: 450px;
                    
                    margin: auto;
                    
                    
                 }
                 .c2{
                     width: 650px;
                     height: 350px;
                   
                     
                     
                 }
                 img.l{
                     margin-top: 50px;
                     width: 650px;
                     float: left;
                 }
                 .qq{
                     height: 150px;
                     width: 180px;
                     
                     float: left;
                     margin-left: 0px;
                 }
                  li.qw{
                      float: left;
                      margin-top: 5px;
                      margin-left: -40px;
                      margin-right: 50px;
                      color: black;
                  } 
                  li.qwe{
                      float: left;
                      margin-top: -6px;
                      margin-left: -40px;
                      color: green;
                      
                  }
                  li.qwer{
                      float: left;
                      margin-top: -5px;
                      margin-left: -40px;
                      color: green;
                  }
                  .qqq{
                      width: 150px;
                      height: 150px;
                      
                      float: left;
                      margin-left:45px;
                  }
                  li.as{
                      float: left;
                      margin-left: -40px;
                      margin-top: 5px;
                      color: black
                  }
                  li.asd{
                      float: left;
                      margin-top: -5px;
                      margin-left: -40px;
                      color: green;
                  }
                  li.asdf{
                      float: left;
                      margin-top: -5px;
                      margin-left: -40px;
                      color: green;
                  }
                  .qqqq{
                    width: 130px;
                    height: 150px;
                   
                    float: left;
                    margin-left: 75px;
                  }
                  li.zx{
                      float: left;
                      margin-top: 5px;
                      margin-left: -40px;
                      color: black;
                  }
                  li.zxc{
                      float: left;
                      margin-top: -5px;
                      margin-left: -40px;
                      margin-right: 20px;
                      color: green;
                  }
                  li.zxcv{
                      float: left;
                      margin-top: -5px;
                      margin-left: -40px;
                      color: green;
                  }
                  .c3{
                      width: 380px;
                      height: 400px;
                      
                      float: right;
                      margin-top: -300px;
                      margin-right: 90px;
                  }
                  h1.qq{
                      font-size: 16px;
                      float: left;
                      margin-bottom: -120px;
                  }
                  li.qaz{
                      
                      margin-top: 1px;
                      margin-left: -35px;
                      margin-right: 80px;
                     float: left;
                     color: green;
                     
                  }
                   li.qaza{
                       float: left  ;
                       margin-left: -216px;
                       margin-top: 32px;
                       color: green;
                   }
                      
                    
                   }
                    img.qq{
                        width: 30px;
                        height: 30px;
                        float: left;
                        margin-right: 10px;
                    }
                     .www{
                         width: 200px;
                         height: 50px;
                        
                        float: left;
                        margin-top: 30px;
                        margin-right: 100px;
                     }
                 .ttt{
                     width: 1150px;
                     height: 50px;
                     
                     margin: auto;
                 }
                 .ewq{
                     width: 600px;
                     height: 40px;
                     float: left;
                     
                     margin-top: -30px;
                     margin-left: -30px;
                 }
                 li.vv{
                     float: left;
                     margin-top: 1px;
                     margin-left: -40px;
                     margin-right: 50px;
                     font-size: 10px;
                     color: black;
                     
                 }
                 h6.tg{
                     float: left;
                     font-size: 10px;
                     color: black;
                 }
                 .jj{
                     width: 250px;
                     height: 30px;
                     
                     float: right;
                     margin-left: 260px;
                     margin-top: -30px;
                     color: black;
                 }
                 li.bb{
                     float: left;
                     font-size: 10px;
                     margin-top: 0;
                     margin-left: -20px  ;
                     margin-right: 30px;
                     color: black;
                 }
                  img.vvb{
                      width: 40px;
                      height: 40px;
                      float: left;
                      margin-top: 10px;
                  }
                  h2.llk{
                      font-size: 20px;
                      margin-top: 16px;
                      margin-left: 5px;
                      color: black;
                  }


                   
                    
                 

           </style>
    </head>
    <body>
        <div class="a">
        <div class="a1">
            <h1><img src="images/2.png" alt="" class="t"></h1>
            <ul>
                <a href="">
                   <li>首页</li>
                </a>
                <a href="">
                    <li>帮助与反馈</li>
                </a>
                <a href="">
                    <li>公众平台</li>
                </a>
                <a href="">
                    <li>开放平台</li>
                </a>
                <a href="">
                    <li>微信支付</li>
                </a>
                <a href="">
                    <li>微信广告</li>
                </a>
                <a href="">
                    <li>企业微信</li>
                </a>
                <a href="">
                    <li>表情开放平台</li>
                </a>
                <a href="">
                    <li>微信网页版</li>
                </a>                  
            </ul> 
        </div>
        </div>
        <div class="b">
            <div class="b1">
                <h2>微信，是一个生活方式</h2>
                <a href="">
                    <img src="images/5.png" alt="" class="y">
                </a>
                <h3>超过十亿人使用的手机应用</h3>
                <h4>支持发送语音短信、视频、图片和文字</h4>
                <h5>可以群聊，仅耗少量流量，适合大部分智能手机</h5>
                <a href="">
                    <img src="images/6.png" alt="" class="j">
                </a>
            </a>
            <ul.a>
                <a href="">
                    <li class="n">忘记了微信账号和密码？</li>
                </a>
                <a href="">
                    <li class="n">自助解除登录或功能限制</li>
                </a>
                <a href="">
                    <li class="n">冻结或解冻微信账号</li>
                </a>
            </ul>
            </div>
        </div>
        <div class="c">
            <div class="c1">
               <div class="c2">
                   <a href="">
                       <img src="images/7.png" alt="" class="l">
                   </a>
                  <div class="qq">
                    <ul>                       
                        <li class="qw">微信网页版</li>                                              
                        <li class="qwe">扫一扫二维码</li>
                        <li class="qwe">就能在浏览器上使用微信</li>
                        <a href="">
                            <li class="qwer">了解更多</li>
                        </a>                       
                    </ul>
                  </div>
                  <div class="qqq">
                      <ul>
                          <li class="as">微信Mac版</li>
                          <li class="asd">极致简洁，迅捷沟通</li>
                          <a href=""><li class="asdf">了解更多</li></a>
                      </ul>
                  </div>
                  <div class="qqqq">
                      <ul>
                          <li class="zx">微信Windows版</li>
                          <li class="zxc">让沟通更方便</li>
                          <a href=""><li class="zxcv">了解更多</li></a>
                      </ul>
                  </div>

                  
               </div>
               <div class="c3">
                   <h1 class="qq">最新消息</h1>
                   <ul>
                       <a href="">
                           <li class="qaz">微信 8.0.2 for Android 正式版发布(New)</li>
                          </a>
                          <a href="">
                            <li class="qaz">微信 3.2.1 for Windows 正式版发布 (New)</li>
                          </a>
                          <a href="">
                              <li class="qaz">微信 8.0.2 for iOS 正式版发布(New)</li>
                          </a>
                          <a href="">
                              <li class="qaz">微信 2.6.1 for Mac 正式版发布 (New)</li>
                          </a>
                          <a href="">
                              <li class="qaz">关于部分 iOS 9 用户无法更新微信(New)</li>
                          </a>
                          <a href="">
                              <li class="qaz">微信外部链接内容管理规范</li>
                          </a>
                          <a href="">
                              <li class="qaz">微信网页版 2.1 版本发布</li>
                          </a>
                          <a href="">
                              <li class="qaz">微信表情开放平台上线</li>
                          </a>
                          <a href="">
                              <li class="qaz">官方辟谣公众号开通</li>
                          </a>
                          <a href="">
                              <li class="qaza">查看更多</li>
                          </a>
                   </ul>
                   
                   <div class="www">
                       <img src="images/8.png" alt="" class="vvb">
                       <a href=""><h2 class="llk">联系我们</h2></a>
                   </div>
               </div>
 
 
            </div>
        </div>
        <div class="d">
            <div class="ttt">
                <h2 class="plm">
                    <div class="ewq">
                        <ul>
                            <a href="">
                                <li class="vv">关于腾讯</li>
                            </a>
                            <a href="">
                                <li class="vv">服务条款</li>
                            </a>
                            <a href="">
                                <li class="vv">使用规范</li>
                            </a>
                            <a href="">
                                <li class="vv">客服中心</li>
                            </a>
                            <a href="">
                                <li class="vv">隐私保护指引</li>
                            </a>
                        </ul>
                        <h6 class="tg">© 1998 - 2021 Tencent Inc. All Rights Reserved</h6>
                    </div>
                        <div class="jj">
                            <ul>
                                <a href="">
                                    <li class="bb">简体中文</li> 
                                </a>
                                <a href="">
                                    <li class="bb">繁体中文</li>
                                </a>
                                <a href="">
                                    <li class="bb">English</li>
                                </a>
                            </ul>
                        </div>
            </div>
        </div>
        
    </body>
</html>